import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface AppleCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const AppleCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: AppleCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path fill="#fff" fillOpacity={0.01} d="M24 0v24H0V0z" />
      <Path
        fill={color}
        fillRule="evenodd"
        d="M13.538 1.328a1.147 1.147 0 0 1 1.336 1.336 3.302 3.302 0 0 1-.89 1.72 3.302 3.302 0 0 1-1.72.89 1.147 1.147 0 0 1-1.336-1.336 3.302 3.302 0 0 1 .89-1.72 3.302 3.302 0 0 1 1.72-.89m-3.134 4.888c.66.277 1.106.457 1.615.457.51 0 .955-.18 1.616-.457.68-.286 1.616-.678 2.76-.486a6.213 6.213 0 0 1 2.254.825c.447.276 1.14.644 1.339 1.535.131.585-.11 1.124-.299 1.487-.204.392-.516.873-.88 1.432a2.788 2.788 0 0 0-.466 1.526c0 .687.253 1.312.671 1.792.336.384.678.764.99 1.168.253.329.495.692.548 1.114.08.642-.234 1.217-.515 1.77-.956 1.885-2.34 3.51-3.923 4.136-.532.21-1.087.183-1.526.116-.853-.13-1.704-.58-2.569-.58s-1.716.45-2.569.58c-.439.067-.994.095-1.526-.116-1.337-.529-2.523-1.768-3.423-3.238-.914-1.495-1.608-3.35-1.89-5.285-.241-1.646-.11-3.49.648-5.047.78-1.602 2.206-2.849 4.385-3.215 1.143-.192 2.079.2 2.76.486"
        clipRule="evenodd"
      />
    </Svg>
  )
}
